<template>
  <div>
    <div class="box">
      <hr />
      <!--  vue 内部标签  -->

      <p>组件组件</p>
      <!--  往自定义属性 注册一个新的 -->
      <slot :abc="time" :md="666">
        <p style="color: red">子组件一 创建时间{{ time }}</p>
      </slot>
      <slot> 7897897 </slot>
      <slot :data="name" name="b">
        <p>我的名字: {{ name }}</p>
      </slot>

      <p>组件组件</p>
      <hr />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: '奋达',
      time: '1990/02/1999',
    };
  },
};
</script>

<style lang="scss" scoped></style>
